<template>
  <div class="page-settings">
    <Tooltip content="界面设置" placement="bottom">
      <Button type="text">
        <Icon @click.native="handleChange" type="ios-settings" :size="20"></Icon>
      </Button>
    </Tooltip>
  </div>
</template>

<script>
import { mapMutations } from 'vuex'
export default {
  name: 'PageSettings',
  methods: {
    ...mapMutations(['setDrawer']),
    handleChange () {
      this.setDrawer()
    }
  }
}
</script>

<style lang="stylus" scoped>
.page-settings
  .ivu-tooltip-rel
    height 64px
    line-height 56px
    i
      cursor pointer
      margin-top -1px
  & >>> .ivu-btn.ivu-btn-text
    padding 5px 1px 6px
</style>
